<style lang="scss">

  .x-field {

  }
</style>
<template>
  <div class="x-field">
    <span class="label">{{label}}:</span>
    <span class="value">{{value}}</span>
    <span class="unit">{{unit}}</span>
  </div>
</template>

<script>
  export default {
    components: {},
    props: {
      field: {
        type: String,
        default: '',
      },
      label: {
        type: String,
        default: '',
      },
      value: {
        type: [String, Number],
        default: '',
      },
      unit: {
        type: String,
        default: '',
      }
    },
    data() {
      return {}
    },
    computed: {},
    methods: {},
    mounted() {
    }
  }
</script>
